<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>SJSU Parking Student Registration</title>
<link href="CSS/HTML5_thrColFixHdr.css" rel="stylesheet" type="text/css">
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>

<body>

<div class="container">
  <div class="sidebar1">
    <aside>
      <script type="text/javascript" src="http://cdn.widgetserver.com/syndication/subscriber/InsertWidget.js"></script>
	  <script type="text/javascript">if (WIDGETBOX) WIDGETBOX.renderWidget('a6dd2759-8bf2-41d7-9627-ece0686636ea');</script>
    </aside>
  <!-- end .sidebar1 --></div>
  <article class="content">  
    <section>
     <nav>
      <ul>
        <li><a href="Home_Page.html">Home</a></li>
        <li><a href="Members_Page.html">Members</a></li>
        <li><a href="Visitors_Page.html">Visitors</a></li>
        <li><a href="About_Us_Page.html">About</a></li>
        <li><a href="Contact_Page.html">Contact</a></li>
      </ul>
    </nav>
    <br><br>
     <h1 id="MainHeader">SJSU Parking System.</h1>
    </section>
    
    <section>  
      <h2 id="txt">SJSU Parking Reservation!! </h2>
      
      <p id="loginColumnStudent"> <br>
      <strong><em>Please enter following details to reserve a parking spot:</em></strong><br><br>
          <label for="Garage">Search Location:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
          &nbsp&nbsp;&nbsp;&nbsp;&nbsp&nbsp&nbsp;&nbsp;&nbsp;&nbsp&nbsp&nbsp;&nbsp;&nbsp;&nbsp</label>
        <select name="Garage" id="Garage">
          <option value="">Please Select Garage</option>
          <option value="SJSUCampus">SJSU Campus</option>
          <option value="NorthGarage">North Garage</option>
          <option value="SouthGarage">South Garage</option>
          <option value="AllGarages">All Garages</option>
        </select><br><br>
                
          Date: &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
          &nbsp&nbsp&nbsp;&nbsp;&nbsp;&nbsp&nbsp&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
          &nbsp&nbsp&nbsp;&nbsp;&nbsp;&nbsp&nbsp&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
          <input type="date" name="date"><br><br>
          
        <b><em>Parking hours: 09:00 Hrs - 16:00 Hrs</em></b><br>
        <label for="StartTimeHH">Enter Start Time:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        &nbsp&nbsp;&nbsp;&nbsp;&nbsp&nbsp&nbsp;&nbsp;&nbsp;&nbsp&nbsp&nbsp;&nbsp;&nbsp;&nbsp;</label>
        <select name="StartTimeHH" id="StartTimeHH">
          <option value="">HH:MM</option>
          <option value="09">09:00</option>
          <option value="10">10:00</option>
          <option value="11">11:00</option>
          <option value="12">12:00</option>
          <option value="13">13:00</option>
          <option value="14">14:00</option>
          <option value="15">15:00</option>
        </select><br><br>
         
        <label for="EndTimeHH">Enter End Time:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
          &nbsp&nbsp;&nbsp;&nbsp;&nbsp&nbsp&nbsp;&nbsp;&nbsp;&nbsp&nbsp&nbsp;&nbsp;&nbsp;&nbsp</label>
        <select name="EndTimeMM" id="EndTimeMM">
          <option value="">HH:MM</option>
          <option value="10">10:00</option>
          <option value="11">11:00</option>
          <option value="12">12:00</option>
          <option value="13">13:00</option>
          <option value="14">14:00</option>
          <option value="15">15:00</option>
          <option value="16">16:00</option>
         </select><br><br>
  
        <a href="#.html"><input type="submit" name="button" id="button" value="Reserve Slot" ></a>
        
      </p>
     
      
    </section>
    
  <!-- end .content --></article>
  <aside>
    <h4>Get your current location</h4>
      <p>
      <button onclick="getLocation()">Get Location</button><br>
      </p>
      <div id="mapholder"></div>
      
      <script src="Scripts/GeoLocation.js"></script>
      
  </aside>
  
  <footer>
    <p align="center">&copy; San Jose State University, 2013. </p>
  </footer>
  <!-- end .container --></div>
</body>
</html>
